<template>
  <div class="screenFull" @click="onToggle">
    <svg-icon
      :icon="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
      class-name="fullscreen"
    ></svg-icon>
  </div>
</template>

<script setup>
import { useFullscreen } from '@vueuse/core'
const { toggle, isFullscreen } = useFullscreen()
// 切换事件
const onToggle = () => {
  toggle()
}
</script>

<style lang="scss" scoped>
.fullscreen {
  font-size: 18px;
}
</style>
